<!-- Alt + Shift + 方向 调整代码位置-->
<template>
  <h1>
    属性绑定练习
  </h1>
  <input type="text" value="abc">  <!-- 输入框默认值设置为 abc -->
  <input type="text" value="info"> <!-- 输入框默认值设置为 info -->
  <input type="text" v-bind:value="info"> <!-- 输入框value属性与响应式变量info绑定 -->
  <input type="text" :value="info"> <!-- 属性绑定 v-bind：value = "" 可简写成 :value="" -->
  <hr>
  <a :href="url">超链接</a>
</template>

<script setup>

import {ref} from "vue";

const info = ref('属性绑定666');
const url = ref('https://www.baidu.com');
url.value = 'https://www.baidu.com';
</script>



<style scoped>

</style>